<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>汽车之家</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="x5-fullscreen" content="true">
    <meta name="full-screen" content="yes">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" href="css/upload.css"/>
    <script type="text/javascript">
        document.documentElement.style.fontSize = window.innerWidth/3.75 + 'px'
    </script>
</head>
<body>
<!-- <header></header> -->
<img id="car_images" src="">
<div class="down">
    <img src="images/down.png">
</div>
<script src="js/jquery.js"></script>
<script src="js/common.js"></script>
<script>
    window.addEventListener('load',load, false);
    function load (){
        var startY = '';     // 触摸开始时的纵坐标
        var moveY = '';     // 触摸移动中的纵坐标
        // var endY = '';     // 触摸结束的纵坐标

        document.addEventListener('touchstart',touch, { passive: false });
        document.addEventListener('touchmove',touch, { passive: false });
        document.addEventListener('touchend',touch, { passive: false });

        function touch (event) {
            var event = event || window.event;
            var oInp = document.getElementById("inp");
            switch(event.type){
                case "touchstart":
                    startY = event.touches[0].clientY;
                    break;
                // case "touchend":
                //  break;
                case "touchmove":
                    event.preventDefault();
                    moveY = event.touches[0].clientY;
                    if (startY - moveY > 20) {
                        window.location.href="three.html"
                    }
                    break;
            }
        }
    }
    $(function () {
        $("#car_images").attr('src','{{ ret_url }}')
        $("#car_images").attr('width',window.innerWidth)

    })
</script>
</body>
</html>
